.wrapper {
  max-width: 1200px;
  margin: 0 auto;
}
.wrapper-v2 {
  max-width: 780px;
  margin: 0 auto;
}

// 小于768px，手机适配
@media (max-width: 768px) {
  .wrapper-v2 {
    width: calc(100% - 40px);
  }

  // 首頁適配
  .home-page{
    .fix-bg{
      height: 100vh;
    }
    .content {
      top: 100vh;
      &:after, &:before {
        display: none;
      }
    }
  }
  // 导航适配
  .top-header {
    position: relative;
    .th-logo {
      display: none !important;
    }
    .ht-list-ul {
      position: absolute !important;
      display: flex !important;
      flex-direction: column !important;
      width: 100vw !important;
      opacity: 0 !important;
      left: -100vw !important;
      top: 76px !important;
      gap: 0px !important;

      li {
        width: 100%;
        height: 40px;
        line-height: 40px;
        background-color: #fff;
        text-align: center;
        border-top: 2px solid #eee;
        box-sizing: border-box;
      }
    }
    .ht-list-ul-ate {
      opacity: 1 !important;
      left: 0 !important;
    }
  }

  // 列表适配
  .recent-list {
    .rli-content {
      .rlic-title {
        .rlict-time {
          display: none !important;
        }
      }
      .rlic-desc {
        padding-right: 0 !important;
      }
    }
  }

  // 分类
  .category-page{
    .cp-content{
      .cp-content-tag{
        width: calc(50% - 5px) !important;
      }
    }
  }
}

// 大屏幕（大型桌面显示器）
@media (min-width: 1200px) {
}

// 中等屏幕（笔记本、小型桌面显示器）
@media (min-width: 992px) and (max-width: 1199px) {
}

// 小屏幕（平板横屏）
@media (min-width: 768px) and (max-width: 991px) {
}
